{% extends "blog/base.html" %}
{% block head %}
	{{block.super}}
	<link href="{{APPSTATIC}}css/user-home.css" rel="stylesheet">
	<link href="{{APPSTATIC}}css/user-box.css" rel="stylesheet">
{% endblock %}
{% block main %}
	<div class="left">
		<div class="user-box">
			<div class="head">
				<img class="avatar" src="{{APPSTATIC}}images/{{user.avatar}}" alt="{{user.getname}}">
				<div class="name">
					<span class="nickname">{{user.getname}}</span>
				</div>
				<div class="name">
					<span>{{user.get_role_display}}</span>
				</div>
				<div class="email">{{user.email}}</div>
			</div>
			<div class="anchors">
				<a href="article?id={{user.id}}"> <span class="num">{{user.article_count}}</span>博客 </a>
				<a href="follow?id={{user.id}}"><span class="num">{{user.follow_count}}</span>关注</a>
				<a href="fans?id={{user.id}}"><span class="num">{{user.fans_count}}</span>粉丝</a>
			</div>
			{% block extbtns %}{% endblock %}
		</div>
		<ul class="menus">
			{% for key, title, icon in menu %}
			<li class="{{key}}{%ifequal key handler.page_name%} active{%endifequal%}">
				<a href="{{key}}?id={{user.id}}">
					<i class="icon icon-{{icon}}"></i>
					<span class="title">{{title}}</span>
				</a>
			</li>
			{% endfor %}
		</ul>
	</div>
	<div class="right">
		{% block content %}{% endblock %}
	</div>
{% endblock %}